$(function() {
    $(".banner").click(function() {
        $(".share").show();
    });

    $(".banner ul").swipeLeft(function() {
        d = 1;
        clearTimeout(s);
        slide();
    });

    $(".banner ul").swipeRight(function() {
        d = -1;
        clearTimeout(s);
        slide();
        d = 1;
    });
    
});

window.onload = function() {

    var $list = $(".banner li");
    w = $list.width();
    h = $list.height();
    len = $list.length;
    $(".banner").height(h);
    $(".banner li, .banner li img").width(w);
    $(".banner ul")[0].innerHTML += $(".banner ul")[0].innerHTML;
    $(".banner ul").css({
        "position": "absolute",
        "width": w * len * 2
    });
    if (len > 1) {
	    $(".scroll-dot").append("<span class='on'></span>");
	    for (var i=1; i<len; i++) {
	        $(".scroll-dot").append("<span></span>");
	    }
    
	    offset = 0;
	    s_i = 0;
	
	
	    slide();
    }

}

window.onresize = function() {

    $(".banner li").width($(".page").width());
    w = $(".banner li").width();
    $(".banner li img").width("100%");
    $(".banner ul").width(w * 6);
    $(".banner").height($(".banner li img").height());

    clearTimeout(s);
    offset = 0;
    s_i = 0;
    $(".banner ul").css({left: 0});

    slide();
}

var w, h, len, s_i, offset, s;
var d = 1;
function slide() {
    if (d == 1) {
        offset += w;
        if (offset > w * len) {
            $(".banner ul").css({"left": "0"});
            offset = w;
        }

        s_i++;
        if (s_i > len-1) {
            s_i = 0;
        }
    } else {
        offset -= w;

        if (offset <  0) {
            $(".banner ul").css({"left": -len * w});
            offset = (len-1) * w;
        }

        s_i--;
        if (s_i < 0) {
            s_i = len-1;
        }
    }
    $(".banner ul").animate({
        left: -offset
    }, "slow");
    $(".scroll-dot span").removeClass("on").eq(s_i).addClass("on");
    
    
    s = setTimeout(slide, 4000);
}

